import React from 'react';
import { Layout, Typography } from 'antd';
import styles from "./Footer.module.css";
import img1 from "../../assets/images/index1.png"
import img2 from "../../assets/images/index2.png"
import img3 from "../../assets/images/index3.png"
import img4 from "../../assets/images/index4.png"
import logo from "../../assets/images/logo.jpg"
export const Footer: React.FC = () => {
  return (
    <div className={styles['bottom']}>
      <div className={`${styles.footer2}`}>
        <ul className={`${styles.footer} ${styles.all}`}>
          <li>
            <img className={styles['']} src={img1}></img>
            <h1>洽谈沟通</h1>
            <p>在线提交团建需求，15分钟内专人1对1洽谈沟通</p>
          </li>
          <li>
            <img className={styles['']} src={img2}></img>
            <h1>签订合同</h1>
            <p>深入了解需求后，策划团队提供最终的策划方案</p>
          </li>
          <li>
            <img className={styles['']} src={img3}></img>
            <h1>洽谈沟通</h1>
            <p>方案和活动流程细节确认 后签订合同保障后续服务</p>
          </li>
          <li>
            <img className={styles['']} src={img4}></img>
            <h1>落地执行</h1>
            <p>组建执行团队按照敲定活 动执行单落地执行</p>
          </li>
        </ul>
      </div>
      <div className={styles['border-1']}>
      </div>
      <div className={styles['footer-2']}>
        <div className={styles['logo']}>
          <img src={logo}></img>
          <div className={styles['name']}>柠聚团建</div>
        </div>
        <div>
          <h2 className={styles['h']}>
            17391900505
          </h2>
          <div className={styles['phone']}>
            服务热线（周一至周日08:00-22:00）
          </div>
          <div className={styles['address']}>
            公司地址： 陕西省西安市碑林区华融国际大厦B座1601室
          </div>
        </div>
      </div>
      <div className={styles['footer-3']}>
        陕ICP备xxxx号-2   西安柠聚会务有限责任公司    技术支持：渊兮湛科技
      </div>
    </div>

  )
}